<template>
	<view class="usersetup">
    <statusBar></statusBar>
    <uni-nav-bar left-icon="back" title="个人设置"></uni-nav-bar>
    <view style="height:10px;background-color: #f2f2f2;"></view>
    <navigator url="usersetupinfo"><view class="setuplist">个人资料<text class="setuplist-right">1</text></view></navigator>
    <navigator url="usersetuppassword"><view class="setuplist">修改密码<text class="setuplist-right">1</text></view></navigator>
    <navigator url="usersetupphone"><view class="setuplist">手机绑定<text class="setuplist-right">1</text></view></navigator>
    
	</view>
</template>

<script>
  import statusBar from "@/components/status-bar.vue"
	export default {
    components: {
      statusBar
    },
		data() {
			return {
				
			};
		}
	}
</script>

<style scoped>
  .line{
    height: 15upx;
  }
  
  .setuplist{
    padding-left: 25upx;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    color: #474747;
    background-color: #FFFFFF;
    margin-bottom: 10upx;
  }
  .setuplist-right{
    font-size: 13px;
    color: #FFFFFF;
    float: right;
    margin-right: 65upx;
    position: relative;
  }
  .setuplist-right::after{
    border: solid 2px #c8c8cd;
    border-bottom-width: 0;
    border-left-width: 0;
    content: " ";
    top: 50%;
    right: -15px;
    position: absolute;
    width: 5px;
    height: 5px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
  }
  
</style>
